<template>
  <div>
    <h2>childfour</h2>
    <son-four>
      <h2 slot="haha">哈哈</h2>
      <!-- 具名插槽使用 v-slot -->
      <template v-slot:heihei>
        <h2>嘿嘿</h2>
      </template>

      <!--作用域插槽 -->
      <template slot="zuoyong" slot-scope="scoped">
        <h1>{{ scoped }}</h1>
      </template>
      <template v-slot:sunwei="fuhao">
        <h1>{{ fuhao }}</h1>
      </template>
    </son-four>
  </div>
</template>

<script>
/* 
v-slot

*/
import SonFour from "./SonFour.vue";
export default {
  components: {
    SonFour,
  },
};
</script>

<style la
SonFourng="scss" scoped>
</style>